extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/shop.min.css')
    link(rel='stylesheet' type='text/css' href='../css/address-manage.min.css')
    include common/head
    div.shop-container.buyer-center-container
        include common/buyerNav
        div.seller-content.clearfix
            div.left-wrap
                div.category-wrapper
                    div.category.active
                        div.level-1
                            i.icon.icon-home
                            span 首页
                    div.category
                        div.level-1
                            i.icon.icon-car
                            span 我的购物车
                    div.category
                        div.level-1
                            i.icon.icon-baibeigunali
                            span 已买到的宝贝
                    div.category
                        div.level-1
                            i.icon.icon-pingjia
                            span 评价管理
                    div.category
                        div.level-1
                            i.icon.icon-kefu
                            span 我的收藏
                    div.category
                        div.level-1
                            i.icon.icon-zhanghu
                            span 退款管理
                    div.category
                        div.level-1
                            i.icon.icon-ziyuan
                            span 收货地址管理
            div.right-wrap
                div.wrap-top
                    span 买家中心>
                        span.router 收货地址管理
                div.wrap-middle
                    div.all-form.clearfix
                        div.add-title
                            div.mr-10 新增收货地址
                            div.mr-10.title  电话号码、手机号码选填一项,其余均为必填项
                        div.address-info
                            div.red-font *
                                span.normal 所在地区：
                            div.select-content
                                div(id="dist")
                                    div.select-block
                                        select(data-role="province" data-placeholder="请选择").address-pro
                                    div.select-block
                                        select(data-role="city"  data-placeholder="请选择").address-city
                                    div.select-block
                                        select(data-role="county" data-placeholder="请选择").address-county
                        div.address-detail
                            div.red-font *
                                span.normal 详细地址：
                            div.select-content
                                textarea(cols="77" rows="4" placeholder="请输入详细地址").data-address
                        div.common-use
                            div.normal 邮政编码：
                            div.select-content
                                input(placeholder="请输入邮政编码").data-code
                        div.postman
                            div.red-font *
                               span.normal 收件人姓名：
                            div.select-content
                                input(placeholder="请输入姓名").data-name
                        div.common-use
                            div.normal 手机号码：
                            div.select-content
                                input(placeholder="请输入手机号码").data-phone
                        div.common-use
                            div.normal 电话号码：
                            div.select-content
                                input(placeholder="请输入电话号码").data-tel
                        div.choose-classic
                            input(type='checkbox' )
                            span 设为默认收货地址
                        div.submit
                            a.btn-save 保存


                    div.address-table
                        div.address-title 已保存了5条地址，还能保存15条
                        div.address-inner.clearfix
                            ul.table-head.clearfix
                                li 收货人
                                li 所在地区
                                li 详细地址
                                li 邮编
                                li 电话
                                li 交易操作
                            ul.clearfix
                                li 大麦米
                                li 浙江省杭州市西湖区
                                li 教工路88号立元大厦三楼
                                li 111000
                                li 12940293022
                                li.handel
                                    a 修改 |
                                    a.data-del  删除 |
                                    a  设为默认地址
                            ul.clearfix
                                li 大麦米
                                li 浙江省杭州市西湖区
                                li 教工路88号立元大厦三楼
                                li 111000
                                li 12940293022
                                li.handel
                                    a 修改 |
                                    a.data-del  删除 |
                                    a  设为默认地址
                            ul.clearfix
                                li 大麦米
                                li 浙江省杭州市西湖区
                                li 教工路88号立元大厦三楼
                                li 111000
                                li 12940293022
                                li.handel
                                    a 修改 |
                                    a.data-del  删除 |
                                    a  设为默认地址
                            ul.clearfix
                                li 大麦米
                                li 浙江省杭州市西湖区
                                li 教工路88号立元大厦三楼
                                li 111000
                                li 12940293022
                                li.handel
                                    a 修改 |
                                    a.data-del  删除 |
                                    a  设为默认地址
                            ul.clearfix
                                li 大麦米
                                li 浙江省杭州市西湖区
                                li 教工路88号立元大厦三楼
                                li 111000
                                li 12940293022
                                li.handel
                                    a 修改 |
                                    a.data-del  删除 |
                                    a  设为默认地址

    script(src="../js/distpicker.js")
    script.
        $("#dist").distPicker();
        $(function(){
            $('.btn-save').click(function(){

                var name=$('.data-name').val();
                var address_pro=$('.address-pro').val()
                var address_city=$('.address-city').val()
                var address_county=$('.address-county').val()
                var address=$('.data-address').val()
                var code=$('.data-code').val()
                var phone=$('.data-phone').val()
                console.log(address_pro,address_city,address_county)
                $('.address-inner').append("<ul class='clearfix'>" +
                    "<li>"+name+"</li>" +
                    "<li>"+address_pro+address_city+address_county+"</li>" +
                    "<li>"+address+"</li>" +
                    "<li>"+code+"</li>" +
                    "<li>"+phone+"</li>" +
                    "<li class='handel'><a href=''>修改 |</a><a href=''>删除 |</a><a href=''>设为默认地址 |</a></li>" +
                    "</ul>")
            })

        })